*{
	margin: 0;
	padding: 0;
}
.clearFix::after{
	content: "";
	clear: both;
	display: block;
}
a{
	text-decoration: none;
}
.title{
	width: 1000px;
	margin: 0 auto;
/*	background-color: red;*/

}
.logo{
	margin: 20px 10px;
	width: 190px;
	height: 50px;
	background-image: url(../兔小白/logo.png);
	float: left;

}
.title-right{
	padding-left: 30px;
	margin: 20px 10px;
	width: 600px;
	height: 50px;
	background-color: green;
	float: right;
	border-radius: 30px;
	box-sizing: border-box;

}
.title-right div{
	width: 80px;
	line-height: 50px;
	text-align: center;
	margin: 0 5px;
	color: #ffffff;
	float:left ;
}

.title-right div:nth-of-type(1){
	width: 70px;
	text-align: center;
	background-color: yellow;
	color: black;
}
.title-right div:hover{
	background-color: white;
	color: black;
}
.header{
	width: 1000px;
	margin: 0 auto;
}
.header-left{
	width: 600px;
	float: left;
}
.header-letf img{
	width: 400px;
}
.header-right{
	color: #777;
	width: 300px;
	height: 280px;
	float: right;
}
.header-right-title{
	color: black;
	padding-bottom: 8px;
	font-size: 20px;
	height: 30px;
	border-bottom: 1px solid #777;
}
.header-right-only{
	margin-left: 20px;
	margin-top: 20px;
}
.header-right-only span{
	font-size: 13px;
}
.header-right-one{
	text-align: center;
	float: left;
}
.header-right-one div{
	margin-top: 10px;
	width: 52px;
	height: 52px;
	background-image: url(../兔小白/ico_05_1.jpg);
}
.header-right-one div:hover{
	background-image: url(../兔小白/ico_05.png);
}

.header-right-two{
	margin-left: 10px;
	margin-top: 10px;
	text-align: center;
	float: left;
}
.header-right-two div{
	width: 52px;
	height: 52px;
	background-image: url(../兔小白/ico_06_1.jpg);
}
.header-right-two div:hover{
	background-image: url(../兔小白/ico_06.png);
}
.header-right-three{
	margin-left: 10px;
	margin-top: 10px;
	text-align: center;
	float: left;
}
.header-right-three div{
	width: 52px;
	height: 52px;
	background-image: url(../兔小白/ico_04_1.jpg);
}
.header-right-three div:hover{
	background-image: url(../兔小白/ico_04.png);
}
.header-right-four{
	margin-left: 10px;
	margin-top: 10px;
	text-align: center;
	float: left;
}
.header-right-four div{
	width: 52px;
	height: 52px;
	background-image: url(../兔小白/ico_07_1.jpg);
}
.header-right-four div:hover{
	background-image: url(../兔小白/ico_07.png);
}
.header-right-img{
	padding-top: 117px;
}
.body{
	width: 1000px;
	margin: 0 auto;
}
.body-lfet{
	float: left;
	width: 600px;
}
.body-lfet-tiele{
	
	border-bottom: 3px solid orange;
	width: 670px;
	height: 30px;
}
.body-lfet-tiele-p{
	font-weight: bold;
	float: left;
}

.body-lfet-tiele-a{
	line-height: 30px;
	font-size: 13px;
	float: right;
	color: black;
	margin: 0 5px;
}
.list{
	width: 670px;
	margin-left: 10px;
	margin:20px 0;
	padding-bottom:20px ;
	color: black;
	font-size: 18px;
	border-bottom: 1px solid #eee;
}
.list-img img{
	width: 167px;
	float: left;
	vertical-align: top;
}
.list-img img:hover{
	transform: scale(1.1);
	transition: all 0.3s;

}
.list-text{
	margin: 8px;
	width: 480px;
	float: left;
	font-size: 18px;
}
.list-text p:nth-of-type(1){
	color: #777;
	padding: 12px 0;
	font-size: 13px;
}

.F1{
	vertical-align: middle;
	font-size: 13px;
	float: left;
}
.F1 img{
	vertical-align: middle;
	width: 18px;
}
.F2{
	font-size: 13px;
	float: right;
	text-align: right;
}
.body-right{
/*	margin: 20px auto;*/
	width: 300px;
	float: right;
}
.ranking{

}
.ranking-title{
	border-bottom: 1px solid black;
	padding: 0 23px;
}
.ranking-title div{
	padding: 0 10px;
	line-height: 30px;
	height: 30px;
	float: left;
}
.ranking-title div:hover{
	background-color: orange;
	color: white;
}
.ranking-body{
	padding: 20px 0;
/*	margin: 20px ;*/
}
.ranking-body-top{
	font-size: 12px;
	color:#777;
	border-bottom: 1px solid ;
}
.ranking-body-one{
	margin: 10px 0;
	vertical-align: middle;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../兔小白/ph2.png);
}
.ranking-body-tow{
	margin: 10px 0;
	vertical-align: middle;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../兔小白/ph2.png);
	background-position: 0 -41px;
}
.ranking-body-three{
	margin: 10px 0;
	vertical-align: middle;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../兔小白/ph2.png);
	background-position: 0 -82px;
}
.ranking-body-four{
	margin: 10px 0;
	vertical-align: middle;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../兔小白/ph2.png);
	background-position: 0 -123px;
}
.ranking-body-five{
	margin: 10px 0;
	vertical-align: middle;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../兔小白/ph2.png);
	background-position: 0 -164px;
}
.ranking-body-six{
	margin: 10px 0;
	vertical-align: middle;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../兔小白/ph2.png);
	background-position: 0 -205px;
}
.tags-title{
	font-size: 20px;
	border-bottom: 1px solid ;
	padding-bottom:10px ;
}
.tags-body{
	margin-top:10px ;
}
.tags-body>div{
	color: white;
	margin: 8px;
	margin-bottom: 0;
	padding: 6px;
	font-size: 13px;
	float: left;
	background-color: rgb(3, 101, 100, 1.0);
	border-radius: 10px;
}
.tags-body>div:hover{
	border-radius: 0;
	transition: all 0.3s;
	text-shadow: 2px 2px 4px rgb(0, 0, 0, 1.0);
}
.tags-body>div:nth-of-type(2){
	background-color: rgb(235, 104, 65, 1.0);
}
.tags-body>div:nth-of-type(3){
	background-color: rgb(63, 184, 145, 1.0);
}
.tags-body>div:nth-of-type(4){
	background-color: rgb(254, 67, 101, 1.0);
}
.tags-body>div:nth-of-type(5){
	background-color: rgb(252, 157, 154, 1.0);
}
.tags-body>div:nth-of-type(6){
	background-color: rgb(131, 175, 155, 1.0);
}
.tags-body>div:nth-of-type(7){
	background-color: rgb(200, 200, 169, 1.0);
}
.tags-body>div:nth-of-type(8){
	background-color: rgb(131, 175, 155, 1.0);
}
.tags-body>div:nth-of-type(9){
	background-color: rgb(138, 155, 15, 1.0);
}
.tags-body>div:nth-of-type(10){
	background-color: rgb(235, 104, 65, 1.0);
}
.tags-body>div:nth-of-type(11){
	background-color: rgb(63, 184, 175, 1.0);
}
.tags-body>div:nth-of-type(12){
	background-color: rgb(245, 67, 101, 1.0);
}
.tags-body>div:nth-of-type(13){
	background-color: rgb(252, 157, 154, 1.0);
}
.tags-body>div:nth-of-type(14){
	background-color: rgb(50, 153, 187, 1.0);
}
.recommend-title{
	margin-top:20px ;
	font-size: 20px;
	border-bottom: 1px solid ;
	padding-bottom:10px ;
}
.recommend-body{
	margin-top: 15px;
	padding: 10px;
}
.recommend-body img{
	width: 100%;
}
.recommend-body>div:nth-of-type(1){
	width: 55px;
	margin-right: 10px;
	float: left;

}
.recommend-text{
	float: left;
}
.recommend-text span{
	font-size: 15px;
}
.recommend-text p{
	font-size: 13px;
}
.recommend-text img{
	width: 13px;
	height: 13px;
	vertical-align: middle;
}
.link-title-lar{
	border-bottom: 1px solid;
	margin: 20px auto;
	padding-bottom: 10px;

}
.link-title-left{
	font-size: 20px;
	float: left;
}
.link-title-right{
	float: right;
}
.link-box{
	color: rgb(249, 249, 249, 1.0);
	background-color: rgb(249, 249, 249, 1.0);
	border: 1px solid rgb(233, 233, 233, 1.0);
}
.link-box>div{
	float: left;
	padding: 5px 5px;
/*	margin: 10px 20px;*/
	width: 300px 80px;
}
.link-box a{
	color: #777;
}


